// import {Component, Input, OnInit} from '@angular/core';
// import {FetchService} from "../../../../core/net/fetch.service";
// import {NzFormatEmitEvent} from "ng-zorro-antd";
// import * as moment from "moment";
// import * as _ from 'lodash';
//
// @Component({
//     selector: 'app-agri-canal-multi',
//     templateUrl: './agri-canal-multi.component.html',
//     styleUrls: ['./agri-canal-multi.component.scss', '../agriculture.component.scss']
// })
// export class AgriCanalMultiComponent implements OnInit {
//     listData = [];
//     defaultKeys = [];
//     trIds = [];
//     tableData = [];
//     baseOpt: any = {
//         tooltip: {
//             trigger: "axis",
//             axisPointer: {
//                 type: "cross",
//                 animation: false,
//                 label: {
//                     backgroundColor: "#505765"
//                 }
//             }
//         },
//         legend: {
//             data: [],
//             bottom: 10
//         },
//         grid: {
//             left: '3%',
//             right: '4%',
//             bottom: 50,
//             containLabel: true
//         },
//         xAxis: {
//             type: "category",
//             data: []
//         },
//         yAxis: [
//             {
//                 name: "流量(m³/s)",
//                 type: "value"
//             }
//         ],
//         series: [
//             {
//                 name: "",
//                 type: "line",
//                 smooth: true,
//                 data: []
//             }
//         ]
//     };
//     inletOptChange: any = {};
//     inletTableData = [];
//     inletTableHead = [];
//     @Input()
//     get dateModal() {
//         // this.queryInfo();
//         return this._dateModal;
//     }
//
//     set dateModal(val) {
//         this._dateModal = val;
//         if (this.trIds.length) {
//             this.queryInfo();
//         }
//     }
//     // tslint:disable-next-line:variable-name
//     _dateModal = [new Date(), new Date()];
//
//     constructor(private fetchService: FetchService) {
//     }
//
//     ngOnInit() {
//         this.fetchService.get<any>('report/muwWf/listAllSite', {}).subscribe(res => {
//             console.log(res);
//             res.forEach(item => {
//                 item.title = item.item;
//                 item.key = item.id;
//                 item.isLeaf = true;
//             });
//             this.listData = res;
//             this.defaultKeys = [this.listData[0].key];
//             this.trIds = this.defaultKeys;
//             this.queryInfo();
//         });
//     }
//
//     selectedAreaChanged(event: NzFormatEmitEvent): void {
//         console.log(event);
//         this.trIds = event.checkedKeys.map(item => {
//             return item.key;
//         });
//         this.queryInfo();
//     }
//
//     queryInfo(): void {
//         const params = {
//             trIds: this.trIds,
//             startDate: moment(this.dateModal[0]).valueOf(),
//             endDate: moment(this.dateModal[1]).valueOf()
//         };
//         this.fetchService.post('report/muwWf/datas', params).subscribe(res => {
//             if (res && Array.isArray(res)) {
//                 res.forEach(item => {
//                     if (item.maxTime) {
//                         item.maxTime = moment(item.maxTime).format('YYYY-MM-DD');
//                     }
//                     if (item.minTime) {
//                         item.minTime = moment(item.minTime).format('YYYY-MM-DD');
//                     }
//                 });
//                 this.tableData = res;
//                 this.inletOptChange = {
//                     legend: {
//                         data: res.map(o => {
//                             return o.name;
//                         })
//                     },
//                     xAxis: {
//                         data: res[0].wrsMuwWfDatas.map(o => {
//                             return moment(o.time).format('YYYY-MM-DD');
//                         })
//                     },
//                     series: res.map(o => {
//                         return {
//                             name: o.name,
//                             type: "line",
//                             data: o.wrsMuwWfDatas.map(item => {
//                                 return item.val;
//                             })
//                         };
//                     })
//                 };
//
//                 this.inletTableHead = res.map(o => {
//                     return o.name;
//                 });
//
//                 const inletData = res[0].wrsMuwWfDatas.map(o => {
//                     return {
//                         date: moment(o.time).format('YYYY-MM-DD'),
//                         time: o.time
//                     };
//                 });
//
//                 this.inletTableHead.forEach(key => {
//                     inletData.forEach(item => {
//                         const nameObj = _.find(res, obj => {
//                             return obj.name === key;
//                         });
//                         item[key] = _.find(nameObj.wrsMuwWfDatas, o => {
//                             return o.time === item.time;
//                         }).val;
//                     });
//                 });
//
//                 this.inletTableData = inletData;
//
//             }
//         });
//     }
// }
